<template>
	<view class="page">
		<pageTxt>
			<!--  v-model="dataList" @query="queryList" -->
			<z-paging ref="paging" refresher-only @onRefresh="onRefresh" :paging-style="{ 'background-color': '#f7f7f7', height: '100%', width: '100%' }">
				<!-- 头部 -->
				<template slot="top">
					<u-navbar title="详情" :autoBack="true" :fixed="false"></u-navbar>
					<view class="tab-box">
						<u-tabs
							:current="tabIndex"
							@click="tabClickFunc"
							:list="tablist"
							inactiveStyle="color: #919092;"
							activeStyle="color: #3B75FF;"
							lineColor="#3B75FF"
						></u-tabs>
					</view>
				</template>
				<!-- 内容 -->
				<view class="detail-content-box">
					<template v-if="tabIndex == 0">
						<view class="item-box">
							<view class="title">项目信息</view>
							<view class="item-box-item flex jb">
								<text class="txt">项目名称</text>
								<view class="content">Cuida东方巴黎广场新店装修Cuida东方巴黎广场a东方巴黎广场新店装修</view>
							</view>
							<view class="item-box-item flex jb">
								<text class="txt">项目名称</text>
								<view class="content flex ac">
									<text class="iconfont icon-dianhua"></text>
									18815165165
								</view>
							</view>
							<view class="item-box-item flex jb">
								<text class="txt">项目名称</text>
								<view class="content flex ac">
									<view class="txt-btn">2项</view>
								</view>
							</view>
							<view class="item-box-item flex jb">
								<text class="txt">项目名称</text>
								<view class="content flex ac flex">
									<image v-for="(item, index) in 5" :key="index" src="/static/logo.png" mode="aspectFill" class="img-box"></image>
								</view>
							</view>
							<view class="item-box-item2 flex ac jb">
								<text>设计图纸</text>
								<u-icon name="arrow-down" color="#1B2431"></u-icon>
							</view>
							<template>
								<view class="item-box-item flex jb">
									<text class="txt">项目名称</text>
									<view class="content flex ac flex">
										<image v-for="(item, index) in 5" :key="index" src="/static/logo.png" mode="aspectFill" class="img-box"></image>
									</view>
								</view>
								<view class="item-box-item flex jb">
									<text class="txt">项目名称</text>
									<view class="content flex ac flex">
										<image v-for="(item, index) in 5" :key="index" src="/static/logo.png" mode="aspectFill" class="img-box"></image>
									</view>
								</view>
							</template>
						</view>
					</template>
				</view>
				<view class="bottom-btn-box flex ac jb" slot="bottom">
					<text class="bottom-btn-box-tips">操作</text>
					<view class="flex-box flex ac je">
						<u-button
							text="分配客户经理"
							customStyle="width: 184rpx;height: 58rpx;background: #3B75FF;border: 2rpx solid #3B75FF;font-weight: 400;font-size: 24rpx;color: #FFFFFF;border-radius: 12rpx;"
						></u-button>
					</view>
				</view>
			</z-paging>
		</pageTxt>
	</view>
</template>

<script>
export default {
	data() {
		return {
			loading: true,
			dataList: [],
			tabIndex: 0,
			tablist: [
				{
					name: '关注'
				},
				{
					name: '推荐'
				},
				{
					name: '电影'
				},
				{
					name: '科技'
				},
				{
					name: '音乐'
				},
				{
					name: '美食'
				},
				{
					name: '文化'
				},
				{
					name: '财经'
				},
				{
					name: '手工'
				}
			]
		};
	},
	onLoad() {},
	methods: {
		onRefresh() {
			this.$refs.paging.complete();
		},
		tabClickFunc(e) {
			this.tabIndex = e.index;
		}
	}
};
</script>

<style lang="scss" scoped></style>
